/* 
    Document   : main
    Created on : Oct 16, 2011, 5:45:58 PM
    Author     : jesper
    Description:
    Styling the admin console application.

*/

root { 
    display: block;
}

h1{
    font-family: monospace;
    color:black;
}

div#mainwrapper{
    min-width:48em;
}

div.logincontainer{
    text-align:center;
    margin:auto;
    width:30em;
    font-family:monospace;
    color:gray;
}

div.admincolumn{
    /*Vertical, fill 100% height, overflow-scrollbar*/
    overflow: scroll;
    position:absolute;
    height:90%;
    width:33%;
    background-color: lightgreen;
    border: 3px black double;
}

div.admincolumnwrapper{
    position:relative;
    width:100%;
}

#infoheader{
    text-align:center;
    border: gray double 3px;
    height:3em;
    line-height:3em;
    color:gray;
}

#footer{
    font-family: sans-serif;
    font-size:0.6em;
    text-align:center;
    border: gray double;
    border-width:3px 0px;
    height:3em;
    line-height:3em;
    width:50%;
    margin:auto;
}

table{
    width:100%;
    border-spacing: 0px;
}

#infoheader table{
    
}

#admininfo{
    font-family: monospace;
}

#admininfo table{
    text-align: center;
    border:3px gray double;
    margin-top:5px;
}

#admininfo table thead th{
    border-bottom:1px dashed gray;
    line-height: 2em;
    font-weight: bold;
}

#admininfo table tbody tr td{
    vertical-align:top;
    font-size:0.8em;
}

#admintoolbar
{
    border:1px black solid;
    margin-top: 5px;
    font-weight:bold;
    line-height: 2em;
}

#admintoolbar a
{
    color:black;
    text-decoration: none;
}

#admintoolbar a:visited
{
    color:black;
}